<template>
  <div class="App">
    sync属性实现父子组件双向绑定<button @click="showFlag=true">父组件退出</button>
    <!-- v-bind:visible.sync 就等价于 :visible + :update:visible visible的名字可以换-->  
    <ShowCon v-bind:visible.sync="showFlag"></ShowCon>
  </div>
</template>

<script>
import ShowCon from "./components/ShowCon.vue";
export default {
  components: {
    ShowCon,
  },
  data() {
    return {
      showFlag: false,
    };
  },
};
</script>

<style>
.App {
  width: 500px;
  height: 500px;
  background-color: pink;
}
</style>